<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>axios常用配置项</title>
    <script src="js/axios.min.js" type="text/javascript"></script>
</head>
<body>
<button id="btn">点我获取所有人</button>
<script type="text/javascript">
    const btn = document.getElementById('btn')

    // 给 axios 配置默认属性（全局配置）
    axios.defaults.timeout = 2000
    axios.defaults.headers = {school: 'rnny'}
    axios.defaults.baseURL = 'http://localhost:5000'

    btn.onclick = () => {
        // 完整版写法可以添加配置项
        axios({ // 传入配置对象 config
            url: '/persons', // 请求地址
            method: 'GET', // 请求方式
            // params: {delay: 3000}, // 配置 query 参数
            // data: {c: 3, b: 4}, // 配置请求体参数（json 编码）
            // data: `e=5&f=8`, // 配置请求体参数（urlencoded 编码）
            // timeout: 2000, // 配置超时时间
            // headers: {token: '20983475897'}, // 配置请求头
            // responseType: 'json' // 配置响应数据的格式（默认为 json）
        }).then(
            response => {
                console.log('成功了', response.data)
            },
            error => {
                console.log('失败了', error)
            }
        )
    }
</script>
</body>
</html>
